<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>员工表CRUD</title>
    <!-- 导入layui相关的样式 -->
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <!-- 导入自定义表单样式 -->
    <link rel="stylesheet" href="/css/custom.css">
    <!-- 导入layui函数库 -->
    <script src="/layui/layui.js" charset="UTF-8"></script>
    <!-- 导入jQuery函数库 -->
    <script src="/layui/jquery-2.2.1.js"></script>
    <!-- 导入自己写的js文件 -->
    <script src="/js/fxj/syllabusCRUD.js"></script>
</head>
<body>

<form id="syllabusForm" class="layui-form" lay-skin="line" lay-filter="syllabusForm">
    <div class="layui-form-item" style="width: 300px">
        <label class="layui-form-label">星期</label>
        <div class="layui-input-block">
            <select name="weekName">
                <option>请选择</option>
                <option value="星期一">星期一</option>
                <option value="星期二">星期二</option>
                <option value="星期三">星期三</option>
                <option value="星期四">星期四</option>
                <option value="星期五">星期五</option>
                <option value="星期六">星期六</option>
                <option value="星期天">星期天</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item" style="width: 300px">
        <!-- 字段名提示标签 -->
        <label class="layui-form-label">开课时间</label>
        <!-- 输入框的层 -->
        <div class="layui-input-block">
            <input class="layui-input" type="date" name="syllabusDate"
                   autocomplete="off"/>
        </div>
    </div>
    <div class="layui-form-item" style="width: 300px">
        <label class="layui-form-label">开课时间</label>
        <div class="layui-input-block">
            <select name="ampm">
                <option>请选择</option>
                <option value="10:00-11:50">8:50-11:50</option>
                <option value="13:30-15:20">14:10-17:20</option>
                <option value="20:00-20:50">20:00-20:50</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item" style="width: 300px">
        <label class="layui-form-label">课程名</label>
        <div class="layui-input-block">
            <select name="lessonId">
                <option>请选择</option>
                <option th:each="result : ${lessonList}" th:value="${result.lessonId}"
                        th:text="${result.lessonName}"></option>
            </select>
        </div>
    </div>
    <div class="layui-form-item" style="width: 300px">
        <label class="layui-form-label">执课老师</label>
        <div class="layui-input-block">
            <select name="recordId">
                <option>请选择</option>
                <option th:each="result : ${teacherList}" th:value="${result.recordId}"
                        th:text="${result.recordName}"></option>
            </select>
        </div>
    </div>
    <div class="layui-form-item" style="width: 300px">
        <label class="layui-form-label">上课班级</label>
        <div class="layui-input-block">
            <select name="classId">
                <option>请选择</option>
                <option th:each="result : ${classList}" th:value="${result.classId}"
                        th:text="${result.className}"></option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formSave">添加课程</button>
            <button class="layui-btn layui-btn-primary" type="reset">重置</button>
        </div>
    </div>
</form>

</body>
<script>
    layui.use(['layer', 'form'], function () {
        var layer = layui.layer
            , form = layui.form;
    });
</script>

</html>
